<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui">

    <body>
        <ui:composition>
            <script type="text/javascript" src="resources/js/nicEdit.js"></script>
            <script type="text/javascript">
                bkLib.onDomLoaded(function() {
                    new nicEditor({iconsPath : 'resources/js/nicEditorIcons.gif'}).panelInstance('questao:enunciado2');
                    new nicEditor({iconsPath : 'resources/js/nicEditorIcons.gif'}).panelInstance('modal:descricao');
                    
                });
            </script>
            <div id="post">
                <h3>Cadastro de Questao</h3>
                <div id="stylized" class="myform">
                    <h:outputLabel>Autor: <span class="small">Autoria e créditos da Questão</span></h:outputLabel>
                    <h:inputText value="#{QuestaoController.questao.autor}" id="autor" ></h:inputText>
                    <h:outputLabel>Enunciado: <span class="small">Suporta edição para a questão</span></h:outputLabel>
                    <!--                    <h:inputText value="{QuestaoController.questao.enunciado}" id="enunciado" ></h:inputText>-->
                    <div id="ta" style="float: left; padding:4px 2px; margin:2px 30px 20px 10px;">
                        <h:inputTextarea style="display:block;" value="#{QuestaoController.questao.enunciado}" id="enunciado2" ></h:inputTextarea>
                    </div>
                    
                    <h:outputLabel>Ajuda: <span class="small">Texto ajuda para a questão</span></h:outputLabel>
                    <h:inputText value="#{QuestaoController.questao.textoAjuda}" id="ajuda"></h:inputText>

                    <h:outputLabel>Tipo de Questão<span class="small">Representa uma exibição diferente</span></h:outputLabel>
                    <h:selectOneMenu id="tipoCurso" value="#{QuestaoController.questao.tipoQuestao}">
                        <f:selectItems value="#{QuestaoController.tiposQuestoes}" var="tipoTemp" itemLabel="#{tipoTemp.nome}" />
                    </h:selectOneMenu>
                    <br />
                    <!--
                                            Exibir o formulario conforme o tipo de questao
                                            <ui:include src="itemCad.xhtml" />
                                            <p:dialog header="Opção de Resposta" widgetVar="dlg1" modal="true" width="500">
                    
                                                <div id="stylized" class="myform">
                                                    <h:outputText>Opção de Resposta</h:outputText>
                                                    <br />
                    
                                                    <h:panelGrid columns="2" id="painel">
                    
                                                        <h:outputLabel> Descrição: <span class="small">Opção de Resposta para Questão.</span></h:outputLabel>
                                                        <h:inputText  value="{QuestaoController.item.descricao}" />
                    
                                                        <h:outputLabel> Verdadeiro: <span class="small">Número do Endereço.</span></h:outputLabel>
                                                        <h:selectBooleanCheckbox  value="{QuestaoController.item.verdadeiro}" />
                    
                                                    </h:panelGrid>
                    
                                                    <h:commandButton styleClass="button" action="{QuestaoController.addItem}" value="Incluir" />
                                                    <h:commandButton styleClass="button" type="reset" value="Limpar" />
                    
                                                </div>
                                            </p:dialog>
                    
                    
                    
                    
                    
                                            <p:dialog header="Categoria" widgetVar="dlgCategoria" modal="true" width="300" height="400">
                    
                                                <div id="stylized" class="myform">
                                                    <h:outputText>Categorias</h:outputText>
                                                    <br />
                    
                                                    <p:tree value="{CategoriaController.root}" var="node"
                                                            selectionMode="checkbox" selection="{CategoriaController.selectedNodes}"
                                                            propagateSelectionUp="true"
                                                            propagateSelectionDown="true">
                    
                                                        <p:treeNode>
                                                            <h:outputText value="{node}"  />
                                                        </p:treeNode>
                                                    </p:tree>
                    
                                                    <h:commandButton styleClass="button" action="{QuestaoController.addItem}" value="Incluir" />
                                                    <h:commandButton styleClass="button" type="reset" value="Limpar" />
                    
                                                </div>
                                            </p:dialog>
                    
                    
                    -->














                    <!--                        <h:commandButton styleClass="button" onclick="dlgCategoria.show();" type="button"  value="Categoria" />-->

                    <br />
                    <h3>Lista de Respostas</h3>
                    <h:commandButton styleClass="button" action="#{PageManager.setModalItemCad}" value="Add Resposta" id="addResposta" />

                    <ui:include src="../item/itemList.xhtml" />


                    <h:commandButton styleClass="button" action="#{QuestaoController.persiste}" value="Salvar" id="salvar" />
                    <h:commandButton styleClass="button" type="reset" value="Limpar" id="limpar" />

                </div>
            </div>
        </ui:composition>

    </body>
</html>
